import React, { memo } from 'react'
import { useHistory } from 'react-router-dom'
import './SearchBar.css'

function SearchBar() {
    const history=useHistory()
    return (
        <div className='search_box' onClick={()=>history.push('/search')}>
            <div className='iconfont icon-search icon'></div>
            <input type="text" placeholder={"点我搜索"} className='search_input' />
            <div className="search_button">搜索</div>
        </div>
    )
}

export default memo(SearchBar)
